<!DOCTYPE html>
<html>

<head>
    <title>----</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
    <link rel="stylesheet" type="text/css" href="./css/course_content.min.css">
    <div class="topview">
        <video id="course_video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" class="video-js vjs-default-skin vjs-big-play-centered " controls preload="none" duration="10:10">
            <source src='./images/yyy_video.mp4' type="video/mp4" />
        </video>
    </div>
    <ul class="content-nav">
        <li class="content-nav-item">介绍</li>
        <li class="content-nav-item">目录</li>
    </ul>
    <div id="desc-scroll">
        <div class="scroll-body">
            <div class="content-wrap">
                <!-- switch-item -->
                <div class="desc-header switch-item">
                    <div class="part-left">
                        <h3 class="content-title">如何克服拖延症！</h3>
                        <div class="star-bar" score="4.5"></div>
                    </div>
                    <div class="part-right">
                        播放次数
                        <p class="num">2300</p>
                    </div>
                </div>
                <!-- switch-item -->
                <div class="switch-item">
                    <ul class="video-group" base-name="./images/yyy_video">
                        <li class="group-item">
                            <h3 class="group-title">拖延症</h3>
                            <ul class="video-list">
                                <li class="video-item" video-src="1-1">1.拖延症的类型</li>
                                <li class="video-item" video-src="1-2">1.拖延症的类型</li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="desc-context">
                <section class="desc-section">
                    <h3 class="section-title">课程详情</h3>
                    <p class="section-content">如果你的情况符合以下任何一种：</p>
                    <p class="section-content">下定决心想干某件事，然后，然后就没有然后了...... </p>
                    <p class="section-content">早上7点睡醒，准备起床，两个小时过去了，你还在思考要不要起床...... </p>
                    <p class="section-content">不见棺材不掉泪，经常把所谓的工作和事都留到最后一刻才来通宵熬夜加班干掉......</p>
                    <p class="section-content">经常会有人问你“那件事怎么着了”，你总是十年如一日的回答：“在等等两天我就搞定了！” ...... </p>
                    <p class="section-content">如果你真心觉得，自己有明确具体的拖延问题需要解决，而你的单打独斗已经难以奏效，那你需要的就是这堂课。</p>
                </section>
                <section class="desc-section">
                    <h3 class="section-title">适用人群</h3>
                    <p class="section-content">白领 职场小白</p>
                </section>
            </div>
        </div>
    </div>
    
    <script type="text/javascript" src="./js/course_content.min.js"></script>
</body>

</html>
